@font-face {
font-family:fontDin;
src: url(../cssnew/DIN-BOLD_otf.txt),url(../cssnew/DIN-BOLD_woff.txt),url(../cssnew/DIN-BOLD_eot.txt),url(../cssnew/DIN-BOLD_woff2.txt),url(../cssnew/DIN-BOLD_ttf.txt)}
@font-face {
font-family:fontDin1;
src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #063990;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:42px; color:#222;}
.title b{ color:#063990;}
.title span{ font-size:18px; color:#666666; font-weight:lighter; display:block; margin-top:10px;}
.title i{ display:inline-block; width:140px; height:5px; background:url(../images/20200927164710_837660292.png) no-repeat center; margin-top:27px;-webkit-animation: 'flymove' 5s linear infinite;-moz-animation: 'flymove' 5s linear infinite;-ms-animation: 'flymove' 5s linear infinite;}
@-webkit-keyframes flymove{
            from{background-position:-140px 0px;}
            to{background-position:0 0;}
        }
        @-moz-keyframes flymove{
            from{background-position:-140px 0px;}
            to{background-position:0 0;}
        }
        @-ms-keyframes flymove{
            from{background-position:-140px 0px;}
            to{background-position:0 0;}
        }
/*抬头*/
.htop{ height:51px; background:url(../images/20200927161939_963554502.png) no-repeat center;}
.htop p.fl{ line-height:43px; font-size:14px; color:#575757; font-weight:lighter;}
.htop p.fr{ padding: 0 35px 0 30px; line-height:50px; font-size:14px; color:#fff; background:url(../images/20200927161938_2076950228.png) no-repeat left center;}
.htop p.fr em{ font-size:18px; font-family:fontDin1;}
.hsecond{ height:137px; position:relative;}
.hlogo{ }
.hline{ width:10px; height:76px; margin:33px 14px 0 14px; background:url(../images/20200927161938_699950238.png) no-repeat center;}
.hmean{ font-size:16px; color:#616161; font-weight:lighter;}
.hmean i{ color:#e62129;}
.hmean b{ display:block; font-size:25px; color:#042d7c; letter-spacing:-.4px; margin:40px 0 5px 0;}
.nav{ font-size:0;}
.nav li{ display:inline-block; vertical-align:top;}
.nav li>a{ display:block; line-height:128px; font-size:16px; color:#222222; transition:all .3s ease;}
.nav li.cur>a,.nav li:hover>a{color:#e62129;}
.nav li+li{ margin-left:13px;}
.dropmenu{ position:absolute; width:100%; left:0; background:rgba(0,0,0,0.6); top:110%; opacity:0; visibility:hidden; transition:all .6s ease; z-index:333; padding:10px 0; text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:40px; color:#fff;font-size:15px;}
.dropmenu a+a{ margin-left:100px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:inline-block;}
.dropmenu a:hover{color:#e62129;}
.dropmenu table tr+tr{ margin-left:25px;}
.nav li:hover .dropmenu{ top:100%; opacity:1; visibility:visible;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:260px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200927160612_2073887880.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200927160612_2073887880.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #063990;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ height:75px; background:#f5f5f5;}
.keyword ,.keyword a{ font-size:14px; color:#666666; line-height:75px;}
.keyword a:hover{ color:#063990;}
.keyword{ padding-left:55px;background:url(../images/20200927161939_825773348.png) no-repeat left center;}
.search_bg input{ display: inline-block; vertical-align:top;}
#soo{ background:#063990;}
#infoname{ padding-left:75px; width:200px; box-sizing:content-box;border:none; border-left:2px solid #efefef; background:url(../images/20200927161939_1254528213.png) no-repeat left center; height:75px;}
/*武将 · 电镀加工产品*/
.product{ padding:60px 0 80px 0;}
.protab{ margin:40px 0;}
.protab table,.protab tbody,.protab td{ display:block; width:100%;}
.protab tr{ display:inline-block; width:320px; margin:0 1px 3px 0;}
.protab tr:nth-child(6n){ margin-right:0;}
.protab tr.on td a,.protab tr:hover td a{ background:#063990; color:#fff;}
.protab tr td a{ display:block; line-height:65px; text-align:center; font-size:18px; color:#333333; font-weight:lighter; transition:all .3s ease; background:#efefef;}
.proshow td{ float: left;     display: block; width:425px;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td>a{ border:1px solid #eee;}
.proshow td span a{ display:block; font-size:18px; color:#333333; font-weight:lighter; line-height:68px; background:#f1f1f1;}
.proshow tr+tr{ margin-top:20px; display:block;}
.proshow td>a:after,.proshow td>a:before,.proshow td>a i:after,.proshow td>a i:before{ content:''; display:block; position:absolute; width:25%; height:0; background:rgba(6,57,144,0.4); transition:all .3s ease; left:0; z-index:3;} 
.proshow td>a:after,.proshow td>a:before{ background:linear-gradient(to bottom,rgba(6,57,144,0.4),rgba(6,57,144,0.05)); top:0;}
.proshow td>a:before{ left:50%;}
.proshow td>a i:after,.proshow td>a i:before{ background:linear-gradient(to bottom,rgba(6,57,144,0.4),rgba(6,57,144,0.05)); bottom:0; left:25%}
.proshow td>a i:before{ left:75%;}
.proshow td:hover>a:after,.proshow td:hover>a:before,.proshow td:hover>a i:after,.proshow td:hover>a i:before{ height:100%;}
.proshow td>a img{ transition:all .6s ease; width:100%;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a{ color:#063990;}
/*您还在为这些问题而烦恼吗?*/
.problem{ position:relative; min-height:300px; position:relative; background:#f3f3f3; padding:70px 0 60px 0;}
.problem:after{ content:''; display:block; position:absolute; width:100%; height:300px; background:#063990; top:0; left:0;}
.pb_t{ text-align:center; font-size:22px; color:#a7b0c1; font-weight:lighter; z-index:1; position:relative;}
.pb_t b{ display:block; font-size:45px; color:#fff; margin-bottom:10px;}
.pbul{ position:relative; z-index:3; box-sizing:border-box; width:1400px; margin:45px auto 45px auto; padding:60px 54px; background:#fff; font-size:0;}
.pbul li+li{ margin-top:32px;}
.pbul li dl{ display:inline-block; vertical-align:top; box-sizing:border-box; width:300px; height:165px; position:relative; box-shadow:0 0 15px #f5f5f5; padding:30px 70px 0 30px; font-size:16px; color:#888; font-weight:lighter; line-height:30px; transition:all .3s ease;}
.pbul li dl+dl{ margin-left:30px;}
.pbul li dl span{ display:block; font-size:28px; color:#2e2e2e; font-weight:normal; margin-bottom:10px; font-weight:normal;}
.pbul li dl:after{ content:''; display:block; position:absolute; width:39px; height:71px; background-color:#063990; border-radius:30px; background-image:url(../images/20200927172631_1404890968.png); top:-13px; right:27px; transition:all .3s ease;}
.pbul li dl:hover:after{ background-color:#e62129;}
.pbul li dl:hover{ box-shadow:0 0 15px #dde9fd; }
.pbadver{ text-align:center; text-align:center; font-size:35px; color:#3b3b3b;}
.pbadver b{ color:#e62129;}
.pbbtn{ text-align:center; margin-top:25px;}
.pbbtn a{ display:inline-block; width:330px; line-height:56px; border-radius:6px; background:#e62129; font-size:18px; color:#fff; transition:all .3s ease;}
.pbbtn a:hover{ background:#063990;}
/*做让客户放心的精密五金氧化厂家*/
.trait{ height:700px; background:url(../images/20200927175635_1713936387.jpg) no-repeat center; padding-top:97px;}
.tratitl{ text-align:center; font-size:45px; color:#222;}
.tratitl b{ color:#063990;}
.tratitl span{ display:block; font-size:22px; color:#585858; font-weight:lighter; margin:15px 0 25px 0;}
.tratitl:after{ content:''; display:block; height:17px; background:url(../images/20200927174449_897795099.png) no-repeat center;animation:translation linear 2s infinite;}
.traul{ margin:112px 0 90px 0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); font-size:0;}
.traul li{ display:inline-block; vertical-align:top; text-align:center; width:25%; box-sizing:border-box; height:414px; position:relative; padding:105px 40px 0 40px;}
.traul li+li:after{ content:''; display:block; width:1px; height:299px; background:#ededed; position:absolute; top:0; bottom:0; margin:auto 0; left:0;}
.tra_t{ font-size:30px; color:#222;}
.tra_c{ font-size:16px; color:#666666; font-weight:lighter; line-height:30px; margin:22px 0 45px 0;}
.traicon{ position:absolute; width:127px; height:127px; border-radius:50%; left:0; right:0; margin:0 auto; top:-63px;}
.traicon span{ width:76px; height:76px; position:absolute; border-radius:50%; background:#fff; top:0; right:0; bottom:0; left:0; margin:auto; z-index:3;}
.traul li:hover .traicon:after{ background:rgba(5,57,144,.39);}
.traul li:hover .traicon:before{ background:rgba(5,57,144,.60);}
.traul li:hover .tra_t{ color:#063990;}
.traul li:hover .trabtn a{ box-shadow:0 0 10px}
.traicon:after,.traicon:before{ content:''; display:block; position:absolute; border-radius:50%; width:100%; height:100%;top:0; right:0; bottom:0; left:0; margin:auto; transition:all .3s ease;}
.traicon:after{ background:rgba(5,57,144,.19);}
.traicon:before{ width:99px; height:99px; z-index:2;background:rgba(5,57,144,.35);}
.trabtn a{ display:inline-block; width:243px; line-height:63px; border-radius:5px; background:#063990; font-size:18px; color:#fff;}
.trabtn a span{ display:inline-block; padding-left:60px; background:url(../images/20200927174449_1316474798.png) no-repeat left center;}
@keyframes translation{
	0%{ transform:translateY(10px);}
	50%{ transform:translateY(-10px);}
	100%{ transform:translateY(10px);}
	}
.trabtn a:hover{background:#e62129;}
.trawa{ width:670px; margin-right:15px; text-align:center; color:#e9e9e9; line-height:32px;}
.trawa_t{ font-size:42px;}
.trawa_t em{ display:block; font-size:16px; text-transform:uppercase; color:#506d9f; margin:7px 0 37px 0;}
.trawa_c{ font-weight:lighter; font-size:18px; font-weight:lighter;}
/*聚焦企业优势，让您放心选择*/
.adv{ background:#f8f8f8 url(../images/20200927182055_464514616.jpg) no-repeat bottom center; padding:70px 0 110px 0;}
.advtitl{ text-align:center; font-size:45px; color:#222;}
.advtitl b{ color:#063990;}
.advtitl span{ display:block; font-size:22px; color:#585858; font-weight:lighter; margin:15px 0 0 0;}
.advtab{ margin:55px 0 20px 0; font-size:0; background:#fff;}
.advtab li{ display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; height:200px; border:1px solid #f2f2f2; text-align:center; cursor:pointer; position:relative; padding-top:22px; transition:all .3s ease;}
.advtab li:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; width:29px; height:12px; top:110%; opacity:0; visibility:hidden; transition:all .3s ease; background:url(../images/20200927182924_2021729616.png) no-repeat center;}
.advnum{ font-size:65px; color:#063990; font-family:fontDin1;transition:all .3s ease;}
.advtab li+li{ border-left:none;}
.advt{ font-size:30px; color:#222;transition:all .3s ease;}
.advt em{ display:block; font-size:16px; color:#848484; font-family:fontDin1;transition:all .3s ease;}
.advtab li.on{ background:#063990; border-color:#063990; color:#fff;}
.advtab li.on .advt,.advtab li.on .advt em{ color:#fff;}
.advtab li.on .advnum{ color:#fff;}
.advtab li.on:after{ top:100%; opacity:1; visibility:visible;}
.advcon{ padding:49px; border:1px solid #f2f2f2; background:#fff;}
.adv_t{ font-size:35px; color:#222;}
.adv_t em{ display:block; font-size:16px; color:#cdcdcd; font-family:fontDin1; margin-top:5px;}
.adv_c{ margin:35px 0 55px 0; font-size:16px; color:#2b2b2b; font-weight:lighter; line-height:35px;} 
.adv_c p+p{ margin-top:20px;}
.adv_c p{ padding-left:35px; background:url(../images/20200927182924_246489662.png) no-repeat left 11px;}
.advleft{ width:535px; margin-top:13px;}
.advtel{ height:94px; background:#063990; font-size:14px; color:#a5b5d5; box-sizing:border-box; padding:20px 0 0 25px;}
.advtel em{ display:block; font-size:28px; color:#b6c6e3; font-family:fontDin1;}
.advtel p{ padding-left:60px; background:url(../images/20200927182924_1430643694.png) no-repeat left center;}
/*武将 · 经典案例*/
.case{ height:845px; background:url(../images/20200927185207_1492988537.jpg) no-repeat center; padding-top:70px;}
.case .title b,.case .title span{ color:#fff;}
.case .title i{ background:url(../images/20200927185207_1067386696.png) no-repeat center;}
.casecon{ padding:50px 50px 67px 50px; background:#fff; width:1300px; margin:50px auto 0 auto; height:370px;}
.casecon .divdgweb_new_div_item{ display:inline-block; vertical-align:top;width:400px; box-sizing:border-box;position:relative; background:#f6f6f6;}
.casecon .divdgweb_new_div_item+.divdgweb_new_div_item{ margin-left:20px;}
.casecon .news_div_item_pic { width:400px; height:300px;}
.divdgweb_new_div_item_title{height:30px; line-height:30px;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#063990;}
.casecon .news_div_item_pic img{ width:100%;height:100%; }
.casecon .divdgweb_new_div_item_a{ font-size:22px; color:#333333; display:block; text-align: center;}
.casecon .divdgweb_new_div_item_body{ font-size:16px; color:#666666; font-weight:lighter; line-height:30px; height:60px; overflow:hidden; margin-top:20px;}


.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a:after{ transform:rotate(360deg); background:#e62129;}
/*关于武将五金*/
.about{ padding:70px 0 80px 0;}
.abtitle{ text-align:center; font-size:45px; color:#212121;}
.abtitle span{ display:block; font-size:18px; color:#666666; font-weight:lighter; margin-top:10px;}
.abcon{ margin:45px 0 30px 0; box-shadow: 0 0 15px #eee; padding:50px;}
.ableft{ width:590px;}
.ab_t{ font-size:35px; color:#063990;}
.ab_t:after{ content:''; display:block; height:4px; background:#063990; margin-top:13px; width:28px;}
.ab_c{ font-size:15px; color:#666666; font-weight:lighter; line-height:35px; margin:15px 0 30px 0;}
.abbtn{ font-size:0;}
.abbtn a{ display:inline-block; width:164px; height:48px; line-height:48px; text-align:center; background:#063990; font-size:16px; color:#fff; transition:all .3s ease;} 
.abbtn a+a{ margin-left:20px; background:#e62129;}
.abbtn a:hover{ background:#0a2f6e;}
.abbtn a+a:hover{ background:#a91016;}
.qyxx td {padding:0 !important;}
.qyxx td table td+td{ padding-left:16px!important;}
.qyxx td table td br{ display:none;}
.qyxx td table td a{ display:block; overflow:hidden;}
.qyxx td table td>a:nth-child(1){ border:1px solid #dddddd;}
.qyxx td table td>a:nth-child(2){ font-size:16px; color:#666666; background:#f0f2f1; font-weight:lighter; line-height:57px; transition:all .3s ease;}
.qyxx td table td a img{ transition:all .6s ease; width:364px; height:273px;}
.qyxx td table td:hover a img{ transform:scale(1.1);}
.qyxx td table td:hover a{ color:#fff; background:#063990;}
#roller_content{ padding-right:14px!important; display:inline-block;}
/*武将 · 新闻中心*/
.news{ padding:60px 0 90px 0; background:#f2f2f2;}
.newstab{ margin:40px 0; font-size:0; text-align:center;}
.newstab a{ display:inline-block; width:150px; line-height:50px; font-size:18px; color:#545454; font-weight:lighter; transition:all .3s ease; background:#fff;}
.newstab a+a{ margin-left:20px;}
.newstab a.cur{ background:#063990; color:#fff;}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:645px;}
.nbcl_le .news_div_item{width:309px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:309px; height:231px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/20200927192546_1384506741.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:630px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:36px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align:center;font-size:0;}
.nbcr_ri .news_div_item_content{width:470px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
/*版权*/
.copyright{ background:#232323;}
.crcon{ padding:30px 0; border-bottom:1px solid #2f2f2f;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top;}
.kslj li p{ font-size:18px; color:#fff;}
.kslj li p:after{ content:''; display:block; width:19px; height:2px; background:#f3f3f3; margin:20px 0;}
.kslj li a{ display:block; font-size:14px; color:#b0b0b0; line-height:32px;}
.kslj li a:hover,.links p.fr a:hover,.end a:hover{ color:#fff;}
.kslj li+li{ margin-left:100px;}
.crconcat{ width:395px;}
.cr_tel{ padding:0 0 25px 25px; border-bottom:1px solid #2e2e2e; background:url(../images/20200927195946_490813995.png) no-repeat right top; margin-bottom:25px; font-size:14px; color:#afafaf;}
.cr_tel em{ display:block; font-size:27px; color:#e62129; font-family:fontDin1;}
.craddr{ margin-left:25px; font-size:14px; color:#b0b0b0; line-height:35px;}
.craddr p{ padding-left:28px; background:url(../images/20200927195946_1933297468.png) no-repeat left center;}
.craddr p+p{background:url(../images/20200927195946_21336069.png) no-repeat left center;}
.links{ height:92px; padding:0 15px; background:#2f2f2f; line-height:63px; font-size:18px; color:#b0b0b0;}
.links p.fl{ background:url(../images/20200927195946_1379667980.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#b0b0b0; font-weight:lighter;}
.linkTagcs{    padding-top: 18px;}
.linkTagcs li{line-height: 26px !important;}
.end{ text-align:center; padding:35px 0;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:35px;}